<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/detail.css">
</head> 
<body>
    <div class="header"></div>
    <div class="detail-head">
        <div class="detail-img"> 
            <img src="../image/SecondHandList/img.png" alt="">
            <span>1/5</span>
        </div>
        <div class="detail-text">
            <h2>天鹅湖小区精装两居，满五唯一，业主换房急售</h2>
            <p><span>576</span>万元（单价：46327元/平）<img src="../image/SecondHandList/phone.png" alt=""></p>
            <p>挂牌时间：2015年6月20日</p>
            <p>学区房</p><p>独家</p><p>满五唯一</p>
        </div>
    </div>
    <div class="detail-list">
        <div class="list-con">
            <span>户型：3室2厅</span>
            <span>面积：100平</span>
        </div>
        <div class="list-con">
            <span>楼层：中楼层</span>
            <span>朝向：西南</span>
        </div>
        <div class="list-con">
            <span>装修：精装</span>
            <span>楼型：塔楼</span>
        </div>
        <div class="list-con">
            <span>年代：2004年</span>
            <span>区域：西二旗</span>
        </div>
        <div class="list-con">
            <span>首付：123万</span>
            <span>月供：15683元</span>
        </div>
        <div class="list-con">
            <span>地铁：离西二旗地铁站800米</span>
        </div>
        <div class="list-con">
            <span>小区：珠江帝景</span>
        </div>
        <div class="list-con">
            <span>学校：北京市第二实验小学</span>
        </div>
        <div class="list-con">
            <span>更多房源信息</span>
        </div>
    </div>
    <div class="spac">
        <div class="spac-head">房源特色</div>
        <div class="spac-con">小区环境优雅，随处闹市中。小区南200米处有美廉美超市、西30米处有华联商场、星美国际影城、东北角就是大中电器、小区东100米有汇佳幼儿园、昌平实验一小，昆泰国际大厦...</div>
        <div class="spac-foot">更多特色</div>
    </div>
    <div class="spac1">
        <div class="spac-head">户型分间</div>
        <div class="spac-contain">
            <div class="spac-img"><img src="../image/SecondHandList/img4.png" alt=""></div>
            <div class="spac-text">
                <h2>文化部中间层 一层带...</h2>
                <p>分间信息：客厅25平米，南北通透</p>
                <p>学区房</p><p>独家</p>
            </div>
        </div>
        <div class="spac-contain">
            <div class="spac-img"><img src="../image/SecondHandList/img5.png" alt=""></div>
            <div class="spac-text">
                <h2>文化部中间层 一层带...</h2>
                <p>分间信息：客厅25平米，南北通透</p>
                <p>学区房</p><p>独家</p>
            </div>
        </div>
    </div>
    <!-- 对口学校 -->
    <div class="school">
        <div class="shcool-head">
            对口学校
       </div>
        <div class="list1-con">
           <p> <span> 学校名称：</span>北京市第二实验小学</p>
        </div>
        <div class="list1-con">
            <p> <span> 升学方式：</span>直升、排位</p>
         </div>
         <div class="list1-con">
            <p> <span> 对口中学：</span>团结湖中学</p>
         </div>
         <div class="list1-con">
            <p> <span> 划片小区：</span>3个划片小区 在售房源150套</p>
         </div>
         <div class="list1-con">
            <p> <span> 学校特色：</span>包食宿、有校车</p>
         </div>
         <div class="list1-con">
            查看学校详情
         </div>
    </div>
    <!-- 位置 -->
    <div class="posi">
        <div class="posi-head">位置及周边</div>
        <div class="posi-img">
            <!-- <img src="../image/SecondHandList/map.png" alt=""> -->
        <div id="container"></div>
        </div>
    </div>
    <!-- 推荐房源 -->
    
    <div class="hot-head">推荐房源</div>
    <div class="hot-house">
        <div class="hot-con">
            <div class="hot-img"><img src="../image/index/img1.jpg" alt=""></div>
            <div class="hot-text">
                <h2>文化部中间层 一层带...</h2>
                <p>2室1厅96m^2南北 <span>1105万</span></p>
                <p>红庙北里 <span> 14268元/平</span></p>
                <p>学区房</p>
            </div>
        </div>
        <div class="comm">
            <img src="../image/SecondHandList/zhengsanjiao.png" alt="">
            推荐理由：同户型、通风好、采光好
        </div>
    </div>
    
    <div class="hot-house">
        <div class="hot-con">
            <div class="hot-img"><img src="../image/index/img1.jpg" alt=""></div>
            <div class="hot-text">
                <h2>文化部中间层 一层带...</h2>
                <p>2室1厅96m^2南北 <span>1105万</span></p>
                <p>红庙北里 <span> 14268元/平</span></p>
                <p>学区房</p>
            </div>
        </div>
        <div class="comm">
            <img src="../image/SecondHandList/zhengsanjiao.png" alt="">
            推荐理由：同户型、通风好、采光好
        </div>
    </div>
    <div class="hot-house">
        <div class="hot-con">
            <div class="hot-img"><img src="../image/index/img1.jpg" alt=""></div>
            <div class="hot-text">
                <h2>文化部中间层 一层带...</h2>
                <p>2室1厅96m^2南北 <span>1105万</span></p>
                <p>红庙北里 <span> 14268元/平</span></p>
                <p>学区房</p>
            </div>
        </div>
        <div class="comm">
            <img src="../image/SecondHandList/zhengsanjiao.png" alt="">
            推荐理由：同户型、通风好、采光好
        </div>
    </div>
    <div class="foot">查看更多相似房源</div>
    <!-- 底部 -->
    <div class="footer">
        <div class="footer-head">
            北京找房无忧 > 首页
        </div>
        <div class="download">
            <div class="apple">
                <img src="../image/index/apple.png" alt="">
                <p>iPhone</p><br>
                <p>客户端</p>
            </div>
            <div class="android">
                <img src="../image/index/android.png" alt="">
                <p>Android</p><br>
                <p>客户端</p>
            </div>
        </div>
        <div class="footer-text">
            <p>北京找房无忧房地产经纪公司</p>
            <p>网络经营许可证京ICP备20221216号</p>
        </div>
    </div>
    <script>
        function initialize() {
            var mp = new BMapGL.Map('container');
            mp.centerAndZoom(new BMapGL.Point(113.687202,34.810331), 15);
        }
        // 加载百度地图的资源
        function loadScript() {
            var script = document.createElement("script");
            // 获取地址
            script.src = "https://api.map.baidu.com/api?v=1.0&type=webgl&ak=SuAbrtK1Bu5V9XISRleW91vpdEVQ70IZ&callback=initialize";
            document.body.appendChild(script)
        }
        loadScript()
    </script>
</body>
</html>